﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="WangID通城" http-equiv="keywords">
<meta name="description" content="WangID通城">
<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
<title>WangID通城</title>
<link rel="stylesheet" href="css/index.css" type="text/css">
<link rel="stylesheet" href="css/zy.css" type="text/css">
<link rel="stylesheet" href="css/swiper.min.css" type="text/css">
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/fenl/iscroll.js"></script>
</head>
<body> 
<!--页面内容--> 
<div id="yemnr">
<!--头部--> 
<div class="toub_beij toub_beij_zy">
	<div class="zhongj_k">
		<div class="logo_k"><a href="index.html"><img src="images/web/logo.jpg"></a></div>
		<div class="shous_k"><span></span><input id="sos_tanc"  type="search" input_key="" placeholder="限时疯抢，好物低至1元" placeholder_str=""></div>
		<div class="dengl">
			<div class="caid_img" id="zhu_caid"><img src="images/web/cd_1.png"></div>
			<ul class="zhu_daoh" id="daoh_lb">
				<em></em>
				<li><a href="index.html">首页</a></li>
				<li><a href="sort.html">商品分类</a></li>
				<li><a href="#">扫一扫</a></li>
				<li><a href="car.html">购物车</a></li>
				<li class="wu"><a href="#">我的通城</a></li>
			</ul>
		</div>
	</div>
</div>
 
<!--商品分类-->
<div class="shagp_lieb_dak" id="xuanxk">
	<div class="zuo_lieb">
		<input type="button" class="no_dq" value="健康美食">
		<input type="button" value="电脑数码">
		<input type="button" value="服饰鞋帽">
	</div>
	<div class="youb_lieb_xiangq_k">
		<div class="xuanxk_kuang" style="display:block;" >
			<div class="lieb_diy_bf">
				<p><em class="px26"></em><span class="px24">电脑整机</span></p>
				<ul>
					<li><a href="productList.html">笔记本</a></li>
					<li><a href="productList.html">游戏本</a></li>
					<li><a href="productList.html">平板电脑</a></li>
					<li><a href="productList.html">台式机</a></li>
					<li><a href="productList.html">一体机服务器</a></li>
					<li><a href="productList.html">外星人</a></li>
					<li><a href="productList.html">品牌机</a></li>
					<li><a href="productList.html">一体机</a></li>
				</ul>
			</div>
			<div class="lieb_diy_bf">
				<p><em class="px26"></em><span class="px24">电脑配件</span></p>
				<ul>
					<li><a href="productList.html">机箱</a></li>
					<li><a href="productList.html">显示器</a></li>
					<li><a href="productList.html">主板</a></li>
					<li><a href="productList.html">CPU</a></li>
					<li><a href="productList.html">显卡</a></li>
					<li><a href="productList.html">内存</a></li>
					<li><a href="productList.html">硬盘</a></li>
					<li><a href="productList.html">移动硬盘</a></li>
					<li><a href="productList.html">网卡</a></li>
				</ul>
			</div>
			<div class="lieb_diy_bf">
				<p><em class="px26"></em><span class="px24">电脑配件</span></p>
				<ul>
					<li><a href="productList.html">机箱</a></li>
					<li><a href="productList.html">显示器</a></li>
					<li><a href="productList.html">主板</a></li>
					<li><a href="productList.html">CPU</a></li>
					<li><a href="productList.html">显卡</a></li>
					<li><a href="productList.html">内存</a></li>
					<li><a href="productList.html">硬盘</a></li>
					<li><a href="productList.html">移动硬盘</a></li>
					<li><a href="productList.html">网卡</a></li>
				</ul>
			</div>
			<div class="lieb_diy_bf">
				<p><em class="px26"></em><span class="px24">电脑配件</span></p>
				<ul>
					<li><a href="productList.html">机箱</a></li>
					<li><a href="productList.html">显示器</a></li>
					<li><a href="productList.html">主板</a></li>
					<li><a href="productList.html">CPU</a></li>
					<li><a href="productList.html">显卡</a></li>
					<li><a href="productList.html">内存</a></li>
					<li><a href="productList.html">硬盘</a></li>
					<li><a href="productList.html">移动硬盘</a></li>
					<li><a href="productList.html">网卡</a></li>
				</ul>
			</div>
			<div class="lieb_diy_bf">
				<p><em class="px26"></em><span class="px24">电脑配件</span></p>
				<ul>
					<li><a href="productList.html">机箱</a></li>
					<li><a href="productList.html">显示器</a></li>
					<li><a href="productList.html">主板</a></li>
					<li><a href="productList.html">CPU</a></li>
					<li><a href="productList.html">显卡</a></li>
					<li><a href="productList.html">内存</a></li>
					<li><a href="productList.html">硬盘</a></li>
					<li><a href="productList.html">移动硬盘</a></li>
					<li><a href="productList.html">网卡</a></li>
				</ul>
			</div>
		</div>
		<div class="xuanxk_kuang">
			222
		</div>
		<div class="xuanxk_kuang">
			333
		</div>
	</div>
</div>
<script type="text/javascript">

var myScroll;

function loaded () {
	myScroll = new IScroll('#wrapper', { mouseWheel: true, tap: true });

	document.getElementById('me').addEventListener('tap', function () {
		this.style.background = !this.style.background ? '#a00' : '';
	}, false);
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, isPassive() ? {
	capture: false,
	passive: false
} : false);

</script>
<!--大框div-->
</div>
<!--搜索页面-->
<div id="shous_yem">
	<div class="toub_beij">
		<div class="zhongj_k zhongj_k_tanc">
			<div class="logo_k logo_k_fanh"><a id="sous_fanh_sy"><img class="fanh_ann" src="images/web/fanh.png"></a></div>
			<div class="shous_k shous_k_ganc">
				<a href="productList.html" class="sous_ann_k"><span class="sous_ann"></span></a>
				<input  type="search" placeholder="限时疯抢，好物低至1元" placeholder_str="">
			</div> 
		</div>
		<div class="remen_sos">
			<p>热门搜索：</p>
			<ul>
				<li><a href="productList.html">笔记本</a></li>
				<li><a href="productList.html">游戏本</a></li>
				<li><a href="productList.html">工作站笔记本</a></li>
				<li><a href="productList.html">平板电脑</a></li>
				<li><a href="productList.html">台式机</a></li>
				<li><a href="productList.html">一体机服务器</a></li>
			</ul>
		</div>
	</div>
</div>

</body>
</html>

<script type="text/javascript">
	window.onload=function(){
		onload2();
		onload3();
		var TheMenu=document.getElementById('zhu_caid');
		var LieBiao=document.getElementById('daoh_lb'); 
		var Html=document.getElementsByTagName("html")[0];//0 第一个数组
		TheMenu.onclick=function(event)
		{
			if (LieBiao.style.display=='block')
			{
				LieBiao.style.display='none';
			}
			else {
				LieBiao.style.display='block';
			}  
			event.stopPropagation();//阻止冒泡事件
		} 
		Html.onclick=function(){
			LieBiao.style.display='none';
		}
	};

	function onload2()
	{
		var Sos=document.getElementById('sos_tanc');
		var ShouYe=document.getElementById('yemnr');
		var SosYe=document.getElementById('shous_yem');
		var SosFanHui=document.getElementById('sous_fanh_sy');
		Sos.onclick=function()
		{
			ShouYe.style.display=('none');
			SosYe.style.display=('block');
		}
		SosFanHui.onclick=function()
		{
			ShouYe.style.display=('block');
			SosYe.style.display=('none');
		}
	};
	function onload3()
	{
		var diy=document.getElementById('xuanxk');
	    var fff=diy.getElementsByTagName('input');
	    var ddd=document.getElementsByClassName('xuanxk_kuang');

	    for(var i=0;i<fff.length;i++)
	        {
	            fff[i].index=i;
	            fff[i].onclick=function()
	            {
	                for( var i=0;i<fff.length;i++)
	                {
	                    fff[i].className='';
	                    ddd[i].style.display='none';
	                }
	                this.className='no_dq';
	                ddd[this.index].style.display='block';
	            };
	        }

	};
 
</script>